<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>主页</title>
</head>
<!-- 连接到pc -->
<link rel="stylesheet" href="./index.css" type="text/css">

<!-- 链接样式库 -->
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> -->
<!-- 链接js库 -->
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> -->


<body>
  <!-- 头部开始 -->
  <header>
    <ul>
      <li class="time"></li>
      <!-- <li><a href="">点我跳转</a></li> -->
      <li class="name">智能医疗</li>
      <!-- <li>导航</li> -->
      <li>
        <span><img src="./heart.png" alt="" style="margin-top: .5rem;"></span>
      </li>
    </ul>

  </header>
  <!-- 头部结束 -->
  <!-- 身体开始 -->
  <nav id="nav">
    <ul class="cbl">
      <li class="one">病房</li>
      <li class="two">中药柜</li>
      <li class="three"><a href="http://192.168.0.136:8080/stream_simple.html" target="three">室内监控</a></li>
    </ul>
    <div class="first">
      <button type="button" class="btn-primary" id="btn">刷新</button>
      <!-- 显示温度湿度 -->
      <div class="jiance">
        <span>温度</span><input type="text" disabled="disabled" class="wsd">
        <span>湿度</span><input type="text" disabled="disabled" class="wsd">
      </div>
      <ul class="kongtiao">
        <li>空调</li>
        <li class="open">
          <span>制热</span><input type="radio" name="hot" checked="false">
        </li>
        <li class="open">
          <span>制冷</span><input type="radio" name="hot" checked="false">
        </li>
        <li class="open">
          <span>除湿</span><input type="radio" name="hot" checked="false">
        </li>
        <li class="open">
          <span>关闭</span><input type="radio" name="hot" checked="false">
        </li>

      </ul>

      <div class="huxi">
        <ul>
          <li>呼吸机</li>
          <li>
            <span>开</span><input type="radio" name="huxi" id="open" checked="false">
          </li>
          <li>
            <span>关</span><input type="radio" name="huxi" id="close" checked="false">
          </li>
          <li>检测仪</li>
          <li><span>开</span><input type="radio" name="look" id="open" checked="false">
          </li>
          <li><span>关</span><input type="radio" name="look" id="close" checked="false">
          </li>


        </ul>
      </div>
      <div class="led">
        <ul>
          <li>灯开关</li>
          <li>
            <span>开</span><input type="radio" name="led" id="open" checked="false">
          </li>
          <li>
            <span>关</span><input type="radio" name="led" id="close" checked="false">
          </li>
        </ul>
      </div>

    </div>
    <div class="modbus second">
      <button type="button" class="modbusbtn" id="btn">刷新</button>
      <div class="mbjiance">
        <span>柜内温度</span><input type="text" disabled="disabled" class="mbwsd">
        <span>柜内湿度</span><input type="text" disabled="disabled" class="mbwsd">
        <span>药品重量</span><input type="text" disabled="disabled" class="mbwsd">
        <span>柜内光照</span><input type="text" disabled="disabled" class="mbwsd">
      </div>

      <ul class="mbkongtiao">
        <li>柜内空调</li>
        <li class="mbopen">
          <span>柜内制热</span><input type="radio" name="mbhot" checked="false">
        </li>
        <li class="mbopen">
          <span>柜内制冷</span><input type="radio" name="mbhot" checked="false">
        </li>
        <li class="mbopen">
          <span>柜内除湿</span><input type="radio" name="mbhot" checked="false">
        </li>
        <li class="mbopen">
          <span>柜内关闭</span><input type="radio" name="mbhot" checked="false">
        </li>

    </div>
    <div class="shipin third">
        <iframe name="three" width="100%" height="100%" src="http://192.168.43.99:8080/stream_simple.html" frameborder="2" seamless class=""></iframe>

    </div>
  </nav>

  <script src="./index.js"></script>
  <!-- 底部开始 --->
  <footer class="zuyuan">
    <div>组员及维护</div>
    <div class="zu"><span>李天元</span><span>岳靖唐</span><span>刘成荣</span><span>张镇杰</span><span>陈建廷</span><span>蔡家乐</span></div>
  </footer>
</body>

</html>